.banner {
    height: 13.81rem;
    background-image: url('../image/download_banner.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
  }

  /*京东右侧固定图标菜单栏*/
.toolbars{
	position: fixed;
	top: -9rem;
	right: 0;
	height: 100%;
	width: 6px;
}
.toolbars ul{
  	position:absolute;
  	top: 50%;
  	right: 0;
  	transform: translate(0,-40%);
  	z-index: 3;
}
.toolbars ul li{
	width: 3.75rem;
	height: 3.75rem;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	position: relative;
}
.toolbars ul .jdvip .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -88px -175px;
}
.toolbars ul .cart .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px 0;
}
.toolbars ul .follow .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px -50px;
}
.toolbars ul .message .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -190px -150px;
}
.toolbars ul .jimi .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px -150px;
}
.toolbars ul .feedback .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px -300px;
}
.toolbars ul .jdvip i{
	position: absolute;
    top: 5px;
    right: 8px;
	width: 6px;
	height: 6px;
	background: url(../img/toolbars.png)no-repeat -150px -150px;	
}
.toolbars-footer{
	right: 0;
	background-color: #FFFFFF;
	width: 3.75rem;
	height: 3.75rem;
	z-index: 3;
}
.toolbars-footer .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px -250px;
}
	/*鼠标悬浮后伸出的部分*/
.toolbars .flex{
	position: absolute;
	top: 0;
	right: 3.75rem;
	width: 0;
	overflow: hidden;
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #4CA6FF;
	text-align: center;	
	color: #fff;
	z-index: -1;
	transition: width .3s;
}
	/*鼠标悬浮后的效果*/
.toolbars ul li:hover{
	background-color: #4CA6FF;
}
.toolbars ul li:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}
.toolbars ul li:hover i{
	display: none;
}
.toolbars-footer:hover{
	background-color: #4CA6FF;
}
.toolbars-footer:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}